@charset "utf-8";
/* CSS Document */

/* ========================================================================
    File          	    :   default.css
    Created on 	:   Jun 15 - 2012
    Author      	:   Carolina Poveda Melo 
    Client     		:   CRCC
======================================================================== */
/* ========================================================================
    Block        	:   Reset CSS
======================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
ol, ul {
	list-style: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
:focus {
	outline: 0;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
.clear {
	clear:both;
	float:none;
}

.views-admin-links {
   display: none !important
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ========================================================================
    Block        	:   General CSS - Basics for the app
======================================================================== */
h2{ 
    color: #D61146;
    font-size: 1.0em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h3{
    background: url("../../resources/images/bk2.jpg");
    font-size: 10px;
    height: 23px;
    padding: 4px 0 0 10px;
    position: relative;  
}

body {
    background-color: #ffffff;
    font-size: 10px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
  color: #045491;
  font-weight : bold;
  text-decoration: none;
  cursor: pointer;
}

a:link:hover, a:visited:hover  {
  color: #D61146;
  font-weight : bold;
  text-decoration : underline;
}
.pr{ 
    position:relative;
}
.pa{ 
    position:absolute;
}

.dsi{
    display:inline;
}
.dsb{
    display:block;
}
.dsib{
    display:inline-block;
}
.left{
    float:left;
}
.right{
    float:right;
}
/* margin */
.mauto{margin:0 auto!important;}
.m_n{margin:0px!important;}
.mt_n{margin-top:0px!important;}
.mb_n{margin-bottom:0px!important;}
.ml_n{margin-left:0px!important;}
.mr_n{margin-right:0px!important;}
.m5{margin:5px!important;}
.m10{margin:10px!important;}
.m20{margin:20px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml50{margin-left:50px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}
.ml150{margin-left:150px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr50{margin-right:50px!important;}
.mr80i{margin-right:80px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr190{margin-right:190px!important;}
.mr100{margin-right:100px!important;}
.mr150{margin-right:150px!important;}
.mt0{margin-top:0px!important;}
.mt2{margin-top:2px!important;}
.mt3{margin-top:3px!important;}
.mt5{margin-top:5px!important;}
.mb5{margin-bottom:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt17{margin-top:17px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb60{margin-bottom:60px!important;}
.mtb3{margin-top:3px;margin-bottom:3px!important;}
.mtb5{margin-top:5px;margin-bottom:5px!important;}
.mtb10{margin-top:10px;margin-bottom:10px!important;}
.mtb20{margin-top:20px;margin-bottom:20px!important;}
.mlr5{margin-left:5px;margin-right:5px!important;}
.mlr10{margin-left:10px;margin-right:10px!important;}
.mlr20{margin-left:20px;margin-right:20px!important;}

/* 	padding	*/
.p0{padding:0px!important;}
.p3{padding:3px !important;; }
.p5{padding:5px !important;;}
.p10{padding:10px !important;;}
.p15{padding:15px !important;;}
.p20{padding:20px !important;;}
.pl5{padding-left:5px !important;;}
.pl10{padding-left:10px !important;;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px!important;}
.pl155{padding-left:155px!important;}
.pr0{padding-right:0px!important;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb5{padding-bottom:5px; }
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.plr3{padding-left:3px;padding-right:3px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr20{padding-left:20px;padding-right:20px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb0{padding-top:0px;padding-bottom:0px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
.p_tn{padding-top:0px!important;}
.p_bn{padding-bottom:0px!important;}
.p_ln{padding-left:0px;}
.p_rn{padding-right:0px;}
.pt0{ padding-top:0px;}
.pb0{ padding-bottom:0px;}

/* width */
/* extend columns to allow for common column widths */
.wauto{width:auto;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w26{width:26%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

/* height */
.h900px{height: 900px;}
/*backgrounds*/
.bk-blanco{
    background-color:#FFFFFF !important;
}

.ui-growl {
left:200px;
}
/* ========================================================================
    Block        	:   Plantilla General
======================================================================== */

#container {    
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: 960px;
}
#top {
    position: relative;
    background: url("../../resources/images/logo.jpg");
    width: 960px;
    height: 110px;  
    overflow: hidden;
}
#top-header {
    position: relative;
    background: url("../../resources/images/global_bg.gif");    
    height: 112px;  
    width: auto;
    overflow: hidden;
}
#bottom {
    position: relative;
    background: url("../../resources/images/bk1.jpg");
    height: 20px;
    padding-top: 12px;
    text-align: center;
}
#bottom p ,#bottom a{    
     display: inline;
     color: #FFFFFF;
     text-decoration: none;
}
#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}
#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}
#content{    
    margin: 10px auto auto;
    padding-bottom: 20px;
    position: relative;
    width: 960px;
}
.faces-layout-fix {
      display: table;
      height: 100%;
      width: 100%;
   }
#content_principal h3{
    color: #D61146;  
    position: relative;
}
#content_principal {
    
}
.fboton{
    margin-left: 10px;
}
#form h1 {
    color: #045491;
    font-size: 12px;
    font-weight: normal;
    border: none;
}
.lleft{
    float: left;      
}
.lright{
    float: right;
}
/* ========================================================================
    Block        	:   Menu
======================================================================== */
/* ========================================================================
    Block        	:   Menu
======================================================================== */
.menu{
    width:200px; 
    position: relative;
    display: block;
    border: none;
    background-color: #FFFFFF !important;
    height: 250px; 
    color: #045491 !important;
    overflow: hidden;
}
.menu h3{
    float: none !important;
    border: none;
    color: #000000;
}
.menu a{
    background: url("../../resources/images/icono-li.gif") no-repeat scroll 1.5% 45% transparent;
}
.menu a span{    
    color: #3C485B;
    padding: 2px 15px;
}
.menu .ui-state-hover, .menuTop .ui-state-hover {
    background: none !important;
    font-weight: normal !important;
    box-shadow: none;   
}
.menu li{
    background: url("../../resources/images/nav_li.gif") repeat-x scroll left bottom transparent !important;
    margin: 3px !important;
    border: none !important; 
    font-size: 10px;   
}
.menu .nivel2 h3 {
    background: url("../../resources/images/icono-li.gif") no-repeat scroll 1.5% 45% transparent; 
    color: #3C485B !important;
    font-size: 12px;
    font-weight: bold;
    padding: 0 15px !important;
}
.menu .nivel3 {
    margin-left: 10px !important;
    background: none;
}
.menu .nivel3 span{
    padding: 0px !important;
}

.ui-menu{
    background-color: #FFFFFF; 
    width: auto !important;
}
.ui-menu .ui-menuitem-link {
    width: auto !important;  
    padding:0 !important;
}
.ui-menu .ui-menu-parent .ui-menu-child{
    width: 200px !important;
}

/* ========================================================================
    Block        	:   Tablas
======================================================================== */


.tabla tbody tr:first-child {
    background: url("/EntregasWeb/faces/javax.faces.resource/images/default.png?ln=primefaces-home") repeat-x scroll 50% 50% #68727B;
    border: 1px solid #68727B;
    color: #FFFFFF;
    font-weight: normal;
    padding: 4px 10px;
}
/* ========================================================================
    Block        	:   Usuario
======================================================================== */

.header-user{
    bottom: 90px;
    float: right;
    height: 50px;
    margin: 0 2px -53px 0;
    padding: 10px 62px 0 0;
    position: relative;
    text-align: right;   
}
 .texto-azul{    
    background-color: inherit;
    color: #546986;
    text-decoration: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.nombre-user{
    background-color: inherit;
    color: #546986;
    font-size: 12px;
    margin: 4px 0 0;
    padding: 0;  
    display: block;
    font-weight: bold;
}
.cerrar-sesion{
    text-decoration: underline !important;
    color: #D61146 !important;  
    margin-left: 10px;
}
.cargandoGif {
    padding: 40px;
    position: relative;    
    *left:75px;
}
.label {
    padding: 4px 5px 5px 5px;
    position: relative;  
    font-weight:bold;
}
.obligatorio{
    color: #D61146;
    font-size: 11px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    color: black;
    background: white;
    font-style: normal;
    font-weight: normal;
    width: 250px !important;
}
.datalist-noborder{
    border: none !important;
}
.blMiembros .ui-tree {
    height: 180px !important;
}
.blMiembros .ui-tree .ui-tree-container {
    height: 170px !important;
}
.seleccion{
    font-size: 10px;
    border: none;
    padding: 0px !important;    
}

.ui-panelgrid tr{
    border: none !important;
}

.ui-panelgrid td{
    border: none !important;
}

.textLeft{text-align: left;}
.textRight{text-align: right;}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
    padding: 5px;
}

.dialogConfir{
    height: auto;
    *width: 300px;
    width: 300px !important;
}